<div class="portlet box blue-hoki">
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-globe"></i>Leave application record list
        </div>
        <div class="tools">
        </div>
    </div>
    <div class="portlet-body">
        <div class="filterBox">
            <div class="input-group date form_date">
                <input class="form-control input-small" type="text"/>
                <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
            </div>
            <span class="to"> To :</span>
            <div class="input-group date form_date">
                <input class="form-control input-small" type="text"/>
                <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
            </div>
            <div class="btnBox">
                <button class="btn btn-md yellow table-group-action-submit">Search</button>
            </div>
        </div>
        <table class="table table-striped table-bordered table-hover" id="sample_1">
            <thead>
            <tr>
                <th>StaffID</th>
                <th>Division</th>
                <th>Name</th>
                <th>Submission date</th>
                <th>Type of Leave</th>
                <th>Start Time</th>
                <th>End Time</th>
                <th>Status</th>
                <th>Verifytime</th>
                <th>Back ahead of time</th>
                <th>Actually leave days</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>AE1865</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Ratify</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Refusal</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>
            </tr>
            <tr>
                <td>AE1862</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Cancel</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Ratify</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            <tr>
                <td>AE1862</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Refusal</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            <tr>
                <td>AE1863</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Cancel</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Ratify</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Refusal</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Cancel</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Ratify</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Refusal</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Cancel</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Ratify</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Refusal</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            <tr>
                <td>AE1860</td>
                <td>SSC</td>
                <td>Zhangsan</td>
                <td>2016-01-05 16:30</td>
                <td>Annual Leave</td>
                <td>2016-01-10 08:30</td>
                <td>2016-01-12 17:30</td>
                <td>Cancel</td>
                <td>2016-01-06 10:21</td>
                <td>N</td>
                <td>2</td>

            </tr>
            </tbody>
        </table>
    </div>
</div>

<script type="text/javascript">
    $(function(){

        $('.form_date').datetimepicker({
            format: "yyyy-mm-dd",
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            showMeridian: 1
        });
    })

</script>